﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.2 开始睡眠</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_2_开始睡眠/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/2_2_开始睡眠/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1902" class="ax_default box_1">
        <div id="u1902_div" class=""></div>
        <div id="u1902_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1903" class="ax_default label">
        <div id="u1903_div" class=""></div>
        <div id="u1903_text" class="text ">
          <p><span>Breakfast</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1904" class="ax_default" data-left="101" data-top="94" data-width="360" data-height="720">

        <!-- Unnamed (图片 ) -->
        <div id="u1905" class="ax_default refs-design-apple">
          <img id="u1905_img" class="img " src="images/1_1_闹钟首页/u206.png"/>
          <div id="u1905_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1906" class="ax_default refs-design-apple">
          <div id="u1906_div" class=""></div>
          <div id="u1906_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1907" class="ax_default label">
        <div id="u1907_div" class=""></div>
        <div id="u1907_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1908" class="ax_default box_2">
        <div id="u1908_div" class=""></div>
        <div id="u1908_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1909" class="ax_default label">
        <div id="u1909_div" class=""></div>
        <div id="u1909_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1910" class="ax_default label">
        <div id="u1910_div" class=""></div>
        <div id="u1910_text" class="text ">
          <p><span>睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1911" class="ax_default label">
        <div id="u1911_div" class=""></div>
        <div id="u1911_text" class="text ">
          <p><span>秒表/世时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1912" class="ax_default label">
        <div id="u1912_div" class=""></div>
        <div id="u1912_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1913" class="ax_default box_1">
        <div id="u1913_div" class=""></div>
        <div id="u1913_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1914" class="ax_default _图片_">
        <img id="u1914_img" class="img " src="images/2_1_睡眠监测/u1456.png"/>
        <div id="u1914_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1915" class="ax_default" data-left="133" data-top="190" data-width="37" data-height="5">

        <!-- Unnamed (矩形) -->
        <div id="u1916" class="ax_default _形状">
          <img id="u1916_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1916_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1917" class="ax_default _形状">
          <img id="u1917_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1917_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1918" class="ax_default _形状">
          <img id="u1918_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1918_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1919" class="ax_default _形状">
          <img id="u1919_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1919_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1920" class="ax_default _形状">
          <img id="u1920_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1920_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1921" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1921_div" class=""></div>
        <div id="u1921_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1922" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1922_div" class=""></div>
        <div id="u1922_text" class="text ">
          <p><span>22 : 00 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1923" class="ax_default icon">
        <img id="u1923_img" class="img " src="images/1_1_闹钟首页/u217.svg"/>
        <div id="u1923_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1924" class="ax_default _图片_">
        <img id="u1924_img" class="img " src="images/1_1_闹钟首页/u219.svg"/>
        <div id="u1924_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1925" class="ax_default label">
        <div id="u1925_div" class=""></div>
        <div id="u1925_text" class="text ">
          <p><span>睡眠监测</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1926" class="ax_default _图片_">
        <img id="u1926_img" class="img " src="images/2_1_睡眠监测/u1468.svg"/>
        <div id="u1926_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1927" class="ax_default box_1">
        <div id="u1927_div" class=""></div>
        <div id="u1927_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1928" class="ax_default box_1">
        <div id="u1928_div" class=""></div>
        <div id="u1928_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1929" class="ax_default box_1">
        <div id="u1929_div" class=""></div>
        <div id="u1929_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1930" class="ax_default box_1">
        <div id="u1930_div" class=""></div>
        <div id="u1930_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1931" class="ax_default box_1">
        <div id="u1931_div" class=""></div>
        <div id="u1931_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1932" class="ax_default _图片_">
        <img id="u1932_img" class="img " src="images/2_1_睡眠监测/u1474.svg"/>
        <div id="u1932_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1933" class="ax_default _图片_">
        <img id="u1933_img" class="img " src="images/2_1_睡眠监测/u1475.svg"/>
        <div id="u1933_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1934" class="ax_default _图片_">
        <img id="u1934_img" class="img " src="images/2_1_睡眠监测/u1476.svg"/>
        <div id="u1934_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1935" class="ax_default _图片_">
        <img id="u1935_img" class="img " src="images/2_1_睡眠监测/u1477.svg"/>
        <div id="u1935_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1936" class="ax_default box_1">
        <img id="u1936_img" class="img " src="images/2_1_睡眠监测/u1478.svg"/>
        <div id="u1936_text" class="text ">
          <p><span>&lt;</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1937" class="ax_default box_1">
        <img id="u1937_img" class="img " src="images/2_1_睡眠监测/u1478.svg"/>
        <div id="u1937_text" class="text ">
          <p><span>&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1938" class="ax_default box_1">
        <div id="u1938_div" class=""></div>
        <div id="u1938_text" class="text ">
          <p><span>2020-11</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1939" class="ax_default label">
        <div id="u1939_div" class=""></div>
        <div id="u1939_text" class="text ">
          <p><span>三</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1940" class="ax_default label">
        <div id="u1940_div" class=""></div>
        <div id="u1940_text" class="text ">
          <p><span>四</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1941" class="ax_default label">
        <div id="u1941_div" class=""></div>
        <div id="u1941_text" class="text ">
          <p><span>五</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1942" class="ax_default label">
        <div id="u1942_div" class=""></div>
        <div id="u1942_text" class="text ">
          <p><span>六</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1943" class="ax_default label">
        <div id="u1943_div" class=""></div>
        <div id="u1943_text" class="text ">
          <p><span>日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1944" class="ax_default label">
        <div id="u1944_div" class=""></div>
        <div id="u1944_text" class="text ">
          <p><span>一</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1945" class="ax_default label">
        <div id="u1945_div" class=""></div>
        <div id="u1945_text" class="text ">
          <p><span>二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1946" class="ax_default label">
        <div id="u1946_div" class=""></div>
        <div id="u1946_text" class="text ">
          <p><span>&nbsp;4</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1947" class="ax_default label">
        <div id="u1947_div" class=""></div>
        <div id="u1947_text" class="text ">
          <p><span>&nbsp;5</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1948" class="ax_default label">
        <div id="u1948_div" class=""></div>
        <div id="u1948_text" class="text ">
          <p><span>&nbsp;6</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1949" class="ax_default label">
        <div id="u1949_div" class=""></div>
        <div id="u1949_text" class="text ">
          <p><span>&nbsp;7</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1950" class="ax_default label">
        <div id="u1950_div" class=""></div>
        <div id="u1950_text" class="text ">
          <p><span>&nbsp;8</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1951" class="ax_default label">
        <div id="u1951_div" class=""></div>
        <div id="u1951_text" class="text ">
          <p><span>&nbsp;9</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1952" class="ax_default ellipse">
        <img id="u1952_img" class="img " src="images/2_1_睡眠监测/u1494.svg"/>
        <div id="u1952_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1953" class="ax_default label">
        <div id="u1953_div" class=""></div>
        <div id="u1953_text" class="text ">
          <p><span>10</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1954" class="ax_default ellipse">
        <img id="u1954_img" class="img " src="images/2_1_睡眠监测/u1496.svg"/>
        <div id="u1954_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1955" class="ax_default label">
        <div id="u1955_div" class=""></div>
        <div id="u1955_text" class="text ">
          <p><span>83分</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1956" class="ax_default label">
        <div id="u1956_div" class=""></div>
        <div id="u1956_text" class="text ">
          <p><span>2020.11.10</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1957" class="ax_default _图片_">
        <img id="u1957_img" class="img " src="images/2_1_睡眠监测/u1499.png"/>
        <div id="u1957_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1958" class="ax_default label">
        <div id="u1958_div" class=""></div>
        <div id="u1958_text" class="text ">
          <p><span>深睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1959" class="ax_default label">
        <div id="u1959_div" class=""></div>
        <div id="u1959_text" class="text ">
          <p><span>浅睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1960" class="ax_default label">
        <div id="u1960_div" class=""></div>
        <div id="u1960_text" class="text ">
          <p><span>醒/梦</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1961" class="ax_default label">
        <div id="u1961_div" class=""></div>
        <div id="u1961_text" class="text ">
          <p><span>未检测出</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1962" class="ax_default box_2">
        <div id="u1962_div" class=""></div>
        <div id="u1962_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1963" class="ax_default box_2">
        <div id="u1963_div" class=""></div>
        <div id="u1963_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1964" class="ax_default box_2">
        <div id="u1964_div" class=""></div>
        <div id="u1964_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1965" class="ax_default _三级标题">
        <div id="u1965_div" class=""></div>
        <div id="u1965_text" class="text ">
          <p><span>助眠曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1966" class="ax_default _三级标题">
        <div id="u1966_div" class=""></div>
        <div id="u1966_text" class="text ">
          <p><span>自然声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1967" class="ax_default _三级标题">
        <div id="u1967_div" class=""></div>
        <div id="u1967_text" class="text ">
          <p><span>故事（人声朗读）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1968" class="ax_default _三级标题">
        <div id="u1968_div" class=""></div>
        <div id="u1968_text" class="text ">
          <p><span>&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1969" class="ax_default _三级标题">
        <div id="u1969_div" class=""></div>
        <div id="u1969_text" class="text ">
          <p><span>&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1970" class="ax_default _三级标题">
        <div id="u1970_div" class=""></div>
        <div id="u1970_text" class="text ">
          <p><span>&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1971" class="ax_default box_1">
        <div id="u1971_div" class=""></div>
        <div id="u1971_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1972" class="ax_default _三级标题">
        <div id="u1972_div" class=""></div>
        <div id="u1972_text" class="text ">
          <p><span>开始睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1973" class="ax_default box_1">
        <div id="u1973_div" class=""></div>
        <div id="u1973_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1974" class="ax_default label">
        <div id="u1974_div" class=""></div>
        <div id="u1974_text" class="text ">
          <p><span>Breakfast</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1975" class="ax_default" data-left="600" data-top="94" data-width="360" data-height="720">

        <!-- Unnamed (图片 ) -->
        <div id="u1976" class="ax_default refs-design-apple">
          <img id="u1976_img" class="img " src="images/1_1_闹钟首页/u206.png"/>
          <div id="u1976_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1977" class="ax_default refs-design-apple">
          <div id="u1977_div" class=""></div>
          <div id="u1977_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1978" class="ax_default label">
        <div id="u1978_div" class=""></div>
        <div id="u1978_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1979" class="ax_default box_2">
        <div id="u1979_div" class=""></div>
        <div id="u1979_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1980" class="ax_default _图片_">
        <img id="u1980_img" class="img " src="images/2_1_睡眠监测/u1456.png"/>
        <div id="u1980_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1981" class="ax_default" data-left="632" data-top="190" data-width="37" data-height="5">

        <!-- Unnamed (矩形) -->
        <div id="u1982" class="ax_default _形状">
          <img id="u1982_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1982_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1983" class="ax_default _形状">
          <img id="u1983_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1983_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1984" class="ax_default _形状">
          <img id="u1984_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1984_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1985" class="ax_default _形状">
          <img id="u1985_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1985_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1986" class="ax_default _形状">
          <img id="u1986_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u1986_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1987" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1987_div" class=""></div>
        <div id="u1987_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1988" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1988_div" class=""></div>
        <div id="u1988_text" class="text ">
          <p><span>22 : 00 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1989" class="ax_default icon">
        <img id="u1989_img" class="img " src="images/1_1_闹钟首页/u217.svg"/>
        <div id="u1989_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1990" class="ax_default _图片_">
        <img id="u1990_img" class="img " src="images/1_1_闹钟首页/u219.svg"/>
        <div id="u1990_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1991" class="ax_default label">
        <div id="u1991_div" class=""></div>
        <div id="u1991_text" class="text ">
          <p><span>开始睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1992" class="ax_default box_1">
        <div id="u1992_div" class=""></div>
        <div id="u1992_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1993" class="ax_default ellipse">
        <img id="u1993_img" class="img " src="images/2_2_开始睡眠/u1993.svg"/>
        <div id="u1993_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1994" class="ax_default ellipse">
        <img id="u1994_img" class="img " src="images/2_2_开始睡眠/u1994.svg"/>
        <div id="u1994_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1995" class="ax_default _图片_">
        <img id="u1995_img" class="img " src="images/2_1_1_助眠曲/u1621.svg"/>
        <div id="u1995_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1996" class="ax_default _三级标题">
        <div id="u1996_div" class=""></div>
        <div id="u1996_text" class="text ">
          <p><span>阿尔法脑电波</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1997" class="ax_default _图片_">
        <img id="u1997_img" class="img " src="images/2_2_开始睡眠/u1997.svg"/>
        <div id="u1997_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1998" class="ax_default _图片_">
        <img id="u1998_img" class="img " src="images/2_2_开始睡眠/u1998.svg"/>
        <div id="u1998_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u1999" class="ax_default _图片_">
        <img id="u1999_img" class="img " src="images/2_2_开始睡眠/u1998.svg"/>
        <div id="u1999_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2000" class="ax_default _图片_">
        <img id="u2000_img" class="img " src="images/1_1_1_普通闹钟设定/u392.svg"/>
        <div id="u2000_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2001" class="ax_default ellipse">
        <img id="u2001_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2001_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2002" class="ax_default ellipse">
        <img id="u2002_img" class="img " src="images/2_2_开始睡眠/u2002.svg"/>
        <div id="u2002_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2003" class="ax_default ellipse">
        <img id="u2003_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2003_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2004" class="ax_default ellipse">
        <img id="u2004_img" class="img " src="images/2_2_开始睡眠/u2004.svg"/>
        <div id="u2004_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2005" class="ax_default ellipse">
        <img id="u2005_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2005_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2006" class="ax_default ellipse">
        <img id="u2006_img" class="img " src="images/2_2_开始睡眠/u2006.svg"/>
        <div id="u2006_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2007" class="ax_default box_1">
        <div id="u2007_div" class=""></div>
        <div id="u2007_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2008" class="ax_default _三级标题">
        <div id="u2008_div" class=""></div>
        <div id="u2008_text" class="text ">
          <p><span>长按结束睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2009" class="ax_default _图片_">
        <img id="u2009_img" class="img " src="images/2_2_开始睡眠/u2009.svg"/>
        <div id="u2009_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2010" class="ax_default _图片_">
        <img id="u2010_img" class="img " src="images/2_2_开始睡眠/u2010.svg"/>
        <div id="u2010_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2011" class="ax_default ellipse">
        <img id="u2011_img" class="img " src="images/2_2_开始睡眠/u2011.svg"/>
        <div id="u2011_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2012" class="ax_default ellipse">
        <img id="u2012_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2012_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2013" class="ax_default box_1">
        <div id="u2013_div" class=""></div>
        <div id="u2013_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2014" class="ax_default label">
        <div id="u2014_div" class=""></div>
        <div id="u2014_text" class="text ">
          <p><span>Breakfast</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2015" class="ax_default" data-left="1120" data-top="94" data-width="360" data-height="720">

        <!-- Unnamed (图片 ) -->
        <div id="u2016" class="ax_default refs-design-apple">
          <img id="u2016_img" class="img " src="images/1_1_闹钟首页/u206.png"/>
          <div id="u2016_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2017" class="ax_default refs-design-apple">
          <div id="u2017_div" class=""></div>
          <div id="u2017_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2018" class="ax_default label">
        <div id="u2018_div" class=""></div>
        <div id="u2018_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2019" class="ax_default box_2">
        <div id="u2019_div" class=""></div>
        <div id="u2019_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2020" class="ax_default _图片_">
        <img id="u2020_img" class="img " src="images/2_1_睡眠监测/u1456.png"/>
        <div id="u2020_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2021" class="ax_default" data-left="1152" data-top="190" data-width="37" data-height="5">

        <!-- Unnamed (矩形) -->
        <div id="u2022" class="ax_default _形状">
          <img id="u2022_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u2022_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2023" class="ax_default _形状">
          <img id="u2023_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u2023_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2024" class="ax_default _形状">
          <img id="u2024_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u2024_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2025" class="ax_default _形状">
          <img id="u2025_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u2025_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2026" class="ax_default _形状">
          <img id="u2026_img" class="img " src="images/1_1_闹钟首页/u210.svg"/>
          <div id="u2026_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2027" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2027_div" class=""></div>
        <div id="u2027_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2028" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2028_div" class=""></div>
        <div id="u2028_text" class="text ">
          <p><span>22 : 00 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2029" class="ax_default icon">
        <img id="u2029_img" class="img " src="images/1_1_闹钟首页/u217.svg"/>
        <div id="u2029_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2030" class="ax_default _图片_">
        <img id="u2030_img" class="img " src="images/1_1_闹钟首页/u219.svg"/>
        <div id="u2030_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2031" class="ax_default label">
        <div id="u2031_div" class=""></div>
        <div id="u2031_text" class="text ">
          <p><span>开始睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2032" class="ax_default box_1">
        <div id="u2032_div" class=""></div>
        <div id="u2032_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2033" class="ax_default ellipse">
        <img id="u2033_img" class="img " src="images/2_2_开始睡眠/u1993.svg"/>
        <div id="u2033_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2034" class="ax_default ellipse">
        <img id="u2034_img" class="img " src="images/2_2_开始睡眠/u1994.svg"/>
        <div id="u2034_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2035" class="ax_default _图片_">
        <img id="u2035_img" class="img " src="images/2_1_1_助眠曲/u1621.svg"/>
        <div id="u2035_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2036" class="ax_default _三级标题">
        <div id="u2036_div" class=""></div>
        <div id="u2036_text" class="text ">
          <p><span>阿尔法脑电波</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2037" class="ax_default _图片_">
        <img id="u2037_img" class="img " src="images/2_2_开始睡眠/u1997.svg"/>
        <div id="u2037_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2038" class="ax_default _图片_">
        <img id="u2038_img" class="img " src="images/2_2_开始睡眠/u1998.svg"/>
        <div id="u2038_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2039" class="ax_default _图片_">
        <img id="u2039_img" class="img " src="images/2_2_开始睡眠/u1998.svg"/>
        <div id="u2039_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2040" class="ax_default _图片_">
        <img id="u2040_img" class="img " src="images/1_1_1_普通闹钟设定/u392.svg"/>
        <div id="u2040_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2041" class="ax_default ellipse">
        <img id="u2041_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2041_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2042" class="ax_default ellipse">
        <img id="u2042_img" class="img " src="images/2_2_开始睡眠/u2002.svg"/>
        <div id="u2042_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2043" class="ax_default ellipse">
        <img id="u2043_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2043_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2044" class="ax_default ellipse">
        <img id="u2044_img" class="img " src="images/2_2_开始睡眠/u2004.svg"/>
        <div id="u2044_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2045" class="ax_default ellipse">
        <img id="u2045_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2045_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2046" class="ax_default ellipse">
        <img id="u2046_img" class="img " src="images/2_2_开始睡眠/u2006.svg"/>
        <div id="u2046_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2047" class="ax_default box_1">
        <div id="u2047_div" class=""></div>
        <div id="u2047_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2048" class="ax_default _三级标题">
        <div id="u2048_div" class=""></div>
        <div id="u2048_text" class="text ">
          <p><span>长按结束睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2049" class="ax_default _图片_">
        <img id="u2049_img" class="img " src="images/2_2_开始睡眠/u2009.svg"/>
        <div id="u2049_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2050" class="ax_default _图片_">
        <img id="u2050_img" class="img " src="images/2_2_开始睡眠/u2010.svg"/>
        <div id="u2050_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2051" class="ax_default ellipse">
        <img id="u2051_img" class="img " src="images/2_2_开始睡眠/u2011.svg"/>
        <div id="u2051_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u2052" class="ax_default ellipse">
        <img id="u2052_img" class="img " src="images/2_2_开始睡眠/u2001.svg"/>
        <div id="u2052_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2053" class="ax_default box_3">
        <div id="u2053_div" class=""></div>
        <div id="u2053_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2054" class="ax_default box_1">
        <div id="u2054_div" class=""></div>
        <div id="u2054_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2055" class="ax_default _三级标题">
        <div id="u2055_div" class=""></div>
        <div id="u2055_text" class="text ">
          <p><span>自动停止</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2056" class="ax_default line">
        <img id="u2056_img" class="img " src="images/2_2_开始睡眠/u2056.svg"/>
        <div id="u2056_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2057" class="ax_default _三级标题">
        <div id="u2057_div" class=""></div>
        <div id="u2057_text" class="text ">
          <p><span>助眠音切换</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2058" class="ax_default _三级标题">
        <div id="u2058_div" class=""></div>
        <div id="u2058_text" class="text ">
          <p><span>15分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2059" class="ax_default _三级标题">
        <div id="u2059_div" class=""></div>
        <div id="u2059_text" class="text ">
          <p><span>更多&nbsp; &gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2060" class="ax_default _一级标题">
        <div id="u2060_div" class=""></div>
        <div id="u2060_text" class="text ">
          <p><span>【睡眠监测首页】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2061" class="ax_default box_1">
        <img id="u2061_img" class="img " src="images/2_2_开始睡眠/u2061.svg"/>
        <div id="u2061_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2062" class="ax_default label">
        <div id="u2062_div" class=""></div>
        <div id="u2062_text" class="text ">
          <p><span>在睡眠监测首页，点击右下方蓝色的【开始睡眠】悬浮按钮，就可进入【开始睡眠】页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2063" class="ax_default" data-left="412" data-top="598" data-width="250" data-height="9">

        <!-- Unnamed (线段) -->
        <div id="u2064" class="compound ax_default _水平线" data-height="1" data-width="245" CompoundMode="true">
          <img id="u2064_img" class="singleImg img " src="images/2_2_开始睡眠/u2064.svg"/>
          <div id="u2064p000" class="ax_vector_shape" WidgetTopLeftX="-0.488" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.492" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.488" WidgetBottomLeftY="0" WidgetBottomRightX="0.492" WidgetBottomRightY="0">
            <img id="u2064p000_img" class="img " src="images/2_2_开始睡眠/u2064p000.svg"/>
          </div>
          <div id="u2064p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="61" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="61" WidgetBottomRightY="0">
            <img id="u2064p001_img" class="img " src="images/2_2_开始睡眠/u2064p001.svg"/>
          </div>
          <div id="u2064p002" class="ax_vector_shape" WidgetTopLeftX="12.05" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="12.05" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u2064p002_img" class="img " src="images/2_2_开始睡眠/u2064p002.svg"/>
          </div>
          <div id="u2064_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2065" class="ax_default _形状">
          <div id="u2065_div" class=""></div>
          <div id="u2065_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2066" class="ax_default image">
        <img id="u2066_img" class="img " src="images/图例/u102.png"/>
        <div id="u2066_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2067" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2067_div" class=""></div>
        <div id="u2067_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2068" class="ax_default _一级标题">
        <div id="u2068_div" class=""></div>
        <div id="u2068_text" class="text ">
          <p><span>【开始睡眠】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2069" class="ax_default box_1">
        <img id="u2069_img" class="img " src="images/2_2_开始睡眠/u2069.svg"/>
        <div id="u2069_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2070" class="ax_default label">
        <div id="u2070_div" class=""></div>
        <div id="u2070_text" class="text ">
          <p style="text-align:justify;text-justify:inter-word;"><span>1. 用户来到【开始睡眠】页面，设备就会进入睡眠状态并开始记录用户的睡眠情况。中间的播放器部分是用户选择入眠时伴随的音乐，按下播放按钮后，播放器上的照片开始旋转，且用户可根据意愿随时选择暂停。另外，用户点击播放器的照片部分，页面会跳转到【2.1 睡眠监测】，供用户重新选择想要的音乐类型。</span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span>2. 用户点击右上方的设置按钮，可以弹出一个状态栏，用户选择“自动停止”意味着用户可以根据预估的自己的入睡时长来设置助眠音的播放时长，设定的时间一到，助眠音停止播放（选择【自动停止】便会跳出以下的通知框）。用户选择“助眠音切换”，页面就会跳转到【2.1 睡眠监测】页面，此时页面【开始睡眠】的悬浮按钮为隐藏状态，用户重新选择助眠音后，便会跳转回到睡眠页面。</span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2071" class="ax_default" data-left="922" data-top="228" data-width="250" data-height="9">

        <!-- Unnamed (线段) -->
        <div id="u2072" class="compound ax_default _水平线" data-height="1" data-width="245" CompoundMode="true">
          <img id="u2072_img" class="singleImg img " src="images/2_2_开始睡眠/u2064.svg"/>
          <div id="u2072p000" class="ax_vector_shape" WidgetTopLeftX="-0.488" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.492" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.488" WidgetBottomLeftY="0" WidgetBottomRightX="0.492" WidgetBottomRightY="0">
            <img id="u2072p000_img" class="img " src="images/2_2_开始睡眠/u2072p000.svg"/>
          </div>
          <div id="u2072p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="61" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="61" WidgetBottomRightY="0">
            <img id="u2072p001_img" class="img " src="images/2_2_开始睡眠/u2072p001.svg"/>
          </div>
          <div id="u2072p002" class="ax_vector_shape" WidgetTopLeftX="12.05" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="12.05" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u2072p002_img" class="img " src="images/2_2_开始睡眠/u2072p002.svg"/>
          </div>
          <div id="u2072_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2073" class="ax_default _形状">
          <div id="u2073_div" class=""></div>
          <div id="u2073_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2074" class="ax_default image">
        <img id="u2074_img" class="img " src="images/图例/u102.png"/>
        <div id="u2074_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2075" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2075_div" class=""></div>
        <div id="u2075_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2076" class="ax_default box_2">
        <div id="u2076_div" class=""></div>
        <div id="u2076_text" class="text ">
          <p><span>自动停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2077" class="ax_default box_1">
        <div id="u2077_div" class=""></div>
        <div id="u2077_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2078" class="ax_default label">
        <div id="u2078_div" class=""></div>
        <div id="u2078_text" class="text ">
          <p><span>助眠音播放时间</span></p>
        </div>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u2079" class="ax_default radio_button" selectiongroup="助眠音">
        <label id="u2079_input_label" for="u2079_input" style="position: absolute; left: 0px;">
          <img id="u2079_img" class="img " src="images/2_2_开始睡眠/u2079.svg"/>
          <div id="u2079_text" class="text ">
            <p><span>10分钟</span></p>
          </div>
        </label>
        <input id="u2079_input" type="radio" value="radio" name="助眠音"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u2080" class="ax_default radio_button selected" selectiongroup="助眠音">
        <label id="u2080_input_label" for="u2080_input" style="position: absolute; left: 0px;">
          <img id="u2080_img" class="img " src="images/2_2_开始睡眠/u2080_selected.svg"/>
          <div id="u2080_text" class="text ">
            <p><span>15分钟</span></p>
          </div>
        </label>
        <input id="u2080_input" type="radio" value="radio" name="助眠音" checked/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u2081" class="ax_default radio_button" selectiongroup="助眠音">
        <label id="u2081_input_label" for="u2081_input" style="position: absolute; left: 0px;">
          <img id="u2081_img" class="img " src="images/2_2_开始睡眠/u2081.svg"/>
          <div id="u2081_text" class="text ">
            <p><span>20分钟</span></p>
          </div>
        </label>
        <input id="u2081_input" type="radio" value="radio" name="助眠音"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u2082" class="ax_default radio_button" selectiongroup="助眠音">
        <label id="u2082_input_label" for="u2082_input" style="position: absolute; left: 0px;">
          <img id="u2082_img" class="img " src="images/2_2_开始睡眠/u2082.svg"/>
          <div id="u2082_text" class="text ">
            <p><span>25分钟</span></p>
          </div>
        </label>
        <input id="u2082_input" type="radio" value="radio" name="助眠音"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u2083" class="ax_default radio_button" selectiongroup="助眠音">
        <label id="u2083_input_label" for="u2083_input" style="position: absolute; left: 0px;">
          <img id="u2083_img" class="img " src="images/2_2_开始睡眠/u2083.svg"/>
          <div id="u2083_text" class="text ">
            <p><span>40分钟</span></p>
          </div>
        </label>
        <input id="u2083_input" type="radio" value="radio" name="助眠音"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u2084" class="ax_default radio_button" selectiongroup="助眠音">
        <label id="u2084_input_label" for="u2084_input" style="position: absolute; left: 0px;">
          <img id="u2084_img" class="img " src="images/2_2_开始睡眠/u2084.svg"/>
          <div id="u2084_text" class="text ">
            <p><span>自定义</span></p>
          </div>
        </label>
        <input id="u2084_input" type="radio" value="radio" name="助眠音"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2085" class="ax_default primary_button">
        <div id="u2085_div" class=""></div>
        <div id="u2085_text" class="text ">
          <p><span>保存</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2086" class="ax_default label">
        <div id="u2086_div" class=""></div>
        <div id="u2086_text" class="text ">
          <p style="text-align:justify;text-justify:inter-word;"><span>3. 用户点击页面左上角的返回按钮，就会跳转回到【2.1 睡眠监测】，此时【开始睡眠】的悬浮按钮呈现隐藏状态。</span></p><p style="text-align:left;"><span><br></span></p><p style="text-align:left;"><span>4. 用户长按页面底部的【长按结束睡眠】按钮，APP就会根据用户的睡眠状况自动生成睡眠报告，详情可见【2.3 睡眠报告】。</span></p><p style="text-align:left;"><span><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
